<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <script type="text/jscript" src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script>

</head>

<body>
<!--表单部分-->


    <input type="text" name="username" id="username" placeholder="用户名">

    <input type="password" name="password" id="password"  placeholder="密码">
    <input type="button" id="btn"value="登录"/>

</body>
<script type="text/javascript">
    $("#btn").click(function(){
        var ctx="${pageContext.request.contextPath}";
        //第一步：取数据,这里用到了用户名和密码
        var username=$("#username").val();
        var password=$("#password").val();
        //第二步：验证数据，这里需要从数据库调数据，我们就用到了ajax
        $.ajax({
            url:"login",//请求地址
            data:{userName:username,password:password},//提交的数据
            type:"POST",//提交的方式
            dataType:"TEXT", //返回类型 TEXT字符串 JSON XML
            success:function(data){
                if(data.trim()=="ok")
                {
                    window.location.href = ctx+"/resume/queryAll";
                }
                else{
                    alert("用户名或者密码错误");
                }
            }
        })
    })
</script>
</html>
